<template>
  <i class="iconfont" :class="'icon-' + name" :style="[{ color: color }, { fontSize: size }]" @click="$emit('click', $event)"></i>
</template>

<script>
export default {
  name: 'MyIcon',
  props: {
    name: {
      type: String,
      default: '',
    },
    color: {
      type: String,
      default: '',
    },
    size: {
      type: String,
      default: '',
    },
  },
}
</script>

<style scoped>
/* @import url("./iconfont.css"); */

/* .iconfont {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
} */
</style>
